'use client'
import React from "react";

const  Clause = ()=>{
  const [isChecked,setIsChecked] = React.useState<boolean>(false);

 const isCheckedFn =()=>{
   setIsChecked(!isChecked)
 }
  return <div className='text-[12px] flex justify-center items-center'>


    {isChecked ?

      <svg onClick={()=>isCheckedFn()} className="size-[14px]" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokeWidth={1.5} stroke="currentColor" >
        <path strokeLinecap="round" strokeLinejoin="round" d="M9 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" />
      </svg>

      :
      <svg onClick={()=>isCheckedFn()}  className="size-[15px]" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokeWidth={1.5} stroke="currentColor" >
      <path strokeLinecap="round" strokeLinejoin="round" d="m9.75 9.75 4.5 4.5m0-4.5-4.5 4.5M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" />
    </svg>}



    <span className='text-gray-400'>我已阅读并同意影视飓风</span>
    <span className='font-semibold '>用户许可协议</span>
    <span className='text-gray-400'>、</span>
    <span className='font-semibold '>用户隐私策略</span>
  </div>
}
export  default Clause